:root {
  font-family             : -apple-system, blinkmacsystemfont, 'Segoe UI', roboto,
  'Helvetica Neue', arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-synthesis          : none;
  text-rendering          : optimizeLegibility;
  -webkit-font-smoothing  : collapse;
  -moz-osx-font-smoothing : grayscale;
  -webkit-text-size-adjust: 100%;

  --clr-primary-val  : 0, 86, 207;
  --clr-primary      : rgb(var(--clr-primary-val));
  --clr-primary-hover: rgba(var(--clr-primary-val), 0.8);

  --clr-app-content: #f1f1f1;


  --clr-text: #000;

  --clr-tabbar-bg    : #fff;
  --clr-tabitem-bg          : #fff;
  // --clr-tabitem-bg--hover: rgba(var(--clr-primary-val), 0.2);
  --clr-tabitem-bg--active  : var(--clr-primary);


  --clr-tabitem-text        : var(--clr-text);
  --clr-tabitem-text--hover : var(--clr-text);
  --clr-tabitem-text--active: #fff;

  --clr-tabitem-bd        : red;
  --clr-tabitem-bd--hover : blue;
  --clr-tabitem-bd--active: orange;

  /* 关闭按钮颜色 */
  --clr-tabitem-close-bg        : #f1f1f1;
  --clr-tabitem-close-bg--hover : #fff;
  --clr-tabitem-close-bg--active: rgba(255, 255, 255, 0.3);

  /* 两侧箭头和操作按钮 */
  --clr-tabbtn-bg       : var(--clr-tabitem-bg);
  --clr-tabbtn-bg--hover: var(--clr-tabitem-bg--hover);

  --clr-tabbtn-text      : var(--clr-tabitem-text);
  --clr-tabbtn-text-hover: var(--clr-tabitem-text--hover);

  /* E Tab */

  /* 覆盖elemenet-plus css */
  // --el-color-primary: var(-clr-primary);
  --el-color-primary        : rgb(var(--clr-primary-val));
  --el-color-primary-light-3: rgba(var(--clr-primary-val), 0.8);
  --el-color-primary-light-5: rgba(var(--clr-primary-val), 0.6);
  --el-color-primary-light-7: rgba(var(--clr-primary-val), 0.4);
  --el-color-primary-light-8: rgba(var(--clr-primary-val), 0.2);

  // --el-menu-active-color: var(-clr-primary);
  --el-menu-active-color: rgb(var(--clr-primary-val));
  --el-menu-active-color: #fff;

  // --el-button-hover-bg-color: rgb(19 115 251);
  --el-menu-level-padding: 30px;
}


* {
  box-sizing: content-box;
}

html {
  font-size       : 14px;
  background-color: var(--clr-app-content);
}